<template>
  <div>
    <main>
      <Item
        v-for="item in ItemList"
        :key="item.id"
        :todoObj="item"
        :ItemList="ItemList"
      />
    </main>
  </div>
</template>

<script>
import Item from "./Item.vue";

export default {
  name: "ShowList",
  components: {
    Item,
  },
  props: ["ItemList"],
};
</script>

<style lang='less' scoped>
main {
  border: 1px solid rgb(228, 228, 228);
  margin-top: 10px;
  padding: 10px;
  border-radius: 3px;
}
</style>